<template>
	<div>
		<detail-banner></detail-banner>
		<detail-header></detail-header>
		<detail-list :list="list"></detail-list>
	</div>
</template>

<script>
	import detailBanner from './components/banner'
	import detailHeader from './components/header'
	import detailList from './components/list'
	export default {
		name: 'detail',
		components: {
			detailBanner,
			detailHeader,
			detailList
		},
		data(){
			return {
				list : [{
					title: '成人票'
				},{
					title: '学生票'
				},{
					title: '儿童票'
				},{
					title: '特惠票'
				}]
			}
		}
	}
</script>

<style scoped lang="stylus">
	@import '~styles/varibles.styl'
	
	.content
	 height:50rem
</style>
